<template>
    <div class="options">
       <div class="top">
         <span @click="$router.back()"><</span>
         <span>设置</span>
         <span> &nbsp </span>
       </div>
       <div class="box">
        <p>设置密码</p>
        <p @click="$router.push('/setpassword')">></p>
       </div>
       <button @click="loginout">退出登录</button>
    </div>
</template>
<script>
export default { 
    data(){
        return{

        }
    },
    methods:{
        loginout(){
            localStorage.removeItem('msstoken')
            this.$router.back()
        }
    },
    components:{
      
    }
}
</script>
<style lang="scss" scoped>
.options{
    .top{
        height: 40px;
        line-height: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        border-bottom: 1px solid #999;
    }
    .box{
        height: 40px;
        line-height: 40px;
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
    }
    button{
        width: 90%;
        height: 30px;
        line-height: 30px;
        background-color: #eb6100;
        color: #fff;
        border-radius: 5px;
        border: none;
        margin-left: 20px;
    }
}
</style>


